<!DOCTYPE html>
<html lang="ch">
    
    <head>
        <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
            <!-- <link rel="stylesheet" href="css/mui.min.css"> -->
            <link rel="stylesheet" href="css/swiper.min.css">
                <link rel="stylesheet" type="text/css" href="css/main.css" />
                <script src="js/swiper.min.js"></script>
                <script src="js/login.js" ></script>
                <script type="text/jscript" src="js/guzhangdeng.js"></script>
                <script charset="UTF-8" src="js/config.js"></script>
                <script charset="UTF-8" src="js/core.js"></script>
                <script charset="UTF-8" src="js/cipher-core.js"></script>
                <script charset="UTF-8" src="js/tripledes.js"></script>
                <script charset="UTF-8" src="js/mode-ecb.js"></script>
                <script src="js/jquery-1.8.3.min.js"></script>
                <script type="text/javascript" src="js/zepto.min.js"></script>
                <script type="text/javascript" src="js/spin.min.js"></script>
                <script type="text/javascript" src="js/template-web.js"></script>
                <script type="text/javascript" src="js/mapDetail.js"></script>
                <script src="js/mui.min.js"></script>
                <title></title>
                <style>
                    p{font-size: 17px;}
                    .phover{color: black;}
                    </style>
                </head>
    
    <body>
        <div class="spin"></div>
        <div style="overflow-x: hidden;overflow-y: hidden;" class="login">
            <div class="login_portrait_con">
                <div class="login_portrait">
                    <img id="comImg" src="img/icon_portrait@2x.png">
                        </div>
            </div>
            <div class="login_switch">
                <div class="login_switch_n float_l">
                    <p onclick="swichlogin()" >快捷登录</p>
                </div>
                <div class="login_switch_s float_l">
                    <p class="phover">密码登录</p>
                </div>
                <div class="clear"></div>
            </div>
            <div class="login_input_con">
                <div class="login_ph">
                    <img class="login_ph_icon float_l" src="img/user.jpg">
                        <input type="text" id="name" class="login_input float_l" placeholder="请输入账号">
                            <img onclick="clearName()" class="login_icon_close float_r" src="img/login_icon_colse@2x.png">
                                <div class="clear"></div>
                                </div>
                <div class="login_ph">
                    <img class="login_ph_icon float_l" src="img/login_icon_pass@2x.png">
                        <input id="password" type="password" placeholder="请输入密码" style="color: rgba(0,0,0,0.6)">
                            <img id="pimg" onclick="changePsdShow()" class="login_icon_close float_r" src="img/login_icon_invisible@2x.png">
                                <div class="clear"></div>
                                </div>
                
            </div>
        </div>
        <div class="but_tong">
            <button id='logins' type="button" class="button-login" onclick="loginPsd()">登录</button>
        </div>
        <div id="fff">
            <a style="color: #777777; margin-top: 50px;margin-left: 35px;"  onclick="window.location.href='reset Password.html'">重置密码</a>
        </div>
        
        
        <script>
            var account = document.getElementById("name");
            account.value = localStorage.getItem("loginAccount")
            mui.init({
                     keyEventBind: {
                     backbutton: true //开启back按键监听
                     }
                     });
                     
                     var clickNum = 0;
                     mui.back = function(event) {
                         clickNum++;
                         if(clickNum > 1) {
                             plus.runtime.quit();
                         } else {
                             mui.toast("再按一次退出应用");
                         }
                         setTimeout(function() {
                                    clickNum = 0
                                    }, 2000);
                                    return false;
                     }
        if(localStorage.getItem("companyIcon")!='' && localStorage.getItem("companyIcon")!=null){
            $("#comImg").attr("src",localStorage.getItem("companyIcon"));
        }
        function swichlogin(){
            window.location.href = 'fastLogin.html'
        }
        function clearName() {
            document.getElementById("name").value = ""
        }
        function changePsdShow() {
            var psd = document.getElementById("password");
            var img = document.getElementById("pimg");
            if(psd.type == "password"){
                psd.type = "text"
                img.src="img/login_icon_visible@2x.png"
            }else{
                psd.type = "password"
                img.src="img/login_icon_invisible@2x.png"
            }
        }
        </script>
    </body>
</html>
